<ion-navbar *navbar hideBackButton>
  <ion-title>Sliding Items</ion-title>
</ion-navbar>

<ion-content class="outer-content">
  <ion-list>
    <ion-list-header>
      Busters
    </ion-list-header>

    <ion-item-sliding>
      <ion-item>
        <ion-avatar item-left>
          <img src="./img/venkman.jpg">
        </ion-avatar>
        <h2>Venkman</h2>
        <p>Back off man, I'm a scientist.</p>
      </ion-item>
      <ion-item-options>
        <button light>
          <ion-icon name="ios-more"></ion-icon>
          More
        </button>
        <button primary>
          <ion-icon name="text"></ion-icon>
          Text
        </button>
        <button secondary>
          <ion-icon name="call"></ion-icon>
          Call
        </button>
      </ion-item-options>
    </ion-item-sliding>


    <ion-item-sliding>
      <ion-item>
        <ion-avatar item-left>
          <img src="./img/spengler.jpg">
        </ion-avatar>
        <h2>Egon</h2>
        <p>We're gonna go full stream.</p>
      </ion-item>
      <ion-item-options>
        <button light>
          <ion-icon name="ios-more"></ion-icon>
          More
        </button>
        <button primary>
          <ion-icon name="text"></ion-icon>
          Text
        </button>
        <button secondary>
          <ion-icon name="call"></ion-icon>
          Call
        </button>
      </ion-item-options>
    </ion-item-sliding>

    <ion-item-sliding>
      <ion-item>
        <ion-avatar item-left>
          <img src="./img/stantz.jpg">
        </ion-avatar>
        <h2>Ray</h2>
        <p>Ugly little spud, isn't he?</p>
      </ion-item>
      <ion-item-options>
        <button light>
          <ion-icon name="ios-more"></ion-icon>
          More
        </button>
        <button primary>
          <ion-icon name="text"></ion-icon>
          Text
        </button>
        <button secondary>
          <ion-icon name="call"></ion-icon>
          Call
        </button>
      </ion-item-options>
    </ion-item-sliding>

    <ion-item-sliding>
      <ion-item>
        <ion-avatar item-left>
          <img src="./img/winston.jpg">
        </ion-avatar>
        <h2>Winston</h2>
        <p>That's a big Twinkie.</p>
      </ion-item>
      <ion-item-options>
        <button light>
          <ion-icon name="ios-more"></ion-icon>
          More
        </button>
        <button primary>
          <ion-icon name="text"></ion-icon>
          Text
        </button>
        <button secondary>
          <ion-icon name="call"></ion-icon>
          Call
        </button>
      </ion-item-options>
    </ion-item-sliding>

    <ion-item-sliding>
      <ion-item>
        <ion-avatar item-left>
          <img src="./img/tully.jpg">
        </ion-avatar>
        <h2>Tully</h2>
        <p>Okay, who brought the dog?</p>
      </ion-item>
      <ion-item-options>
        <button light>
          <ion-icon name="ios-more"></ion-icon>
          More
        </button>
        <button primary>
          <ion-icon name="text"></ion-icon>
          Text
        </button>
        <button secondary>
          <ion-icon name="call"></ion-icon>
          Call
        </button>
      </ion-item-options>
    </ion-item-sliding>

    <ion-item-sliding>
      <ion-item>
        <ion-avatar item-left>
          <img src="./img/barrett.jpg">
        </ion-avatar>
        <h2>Dana</h2>
        <p>I am The Gatekeeper!</p>
      </ion-item>
      <ion-item-options>
        <button light>
          <ion-icon name="ios-more"></ion-icon>
          More
        </button>
        <button primary>
          <ion-icon name="text"></ion-icon>
          Text
        </button>
        <button secondary>
          <ion-icon name="call"></ion-icon>
          Call
        </button>
      </ion-item-options>
    </ion-item-sliding>

  </ion-list>

  <ion-list>
    <ion-list-header>
      Ghosts
    </ion-list-header>

    <ion-item-sliding>
      <ion-item>
        <ion-avatar item-left>
          <img src="./img/slimer.jpg">
        </ion-avatar>
        <h2>Slimer</h2>
        <p>Boo!</p>
      </ion-item>
      <ion-item-options>
        <button light>
          <ion-icon name="ios-more"></ion-icon>
          More
        </button>
        <button primary>
          <ion-icon name="text"></ion-icon>
          Text
        </button>
        <button secondary>
          <ion-icon name="call"></ion-icon>
          Call
        </button>
      </ion-item-options>
    </ion-item-sliding>

    <ion-item-sliding>
      <ion-item>
        <ion-avatar item-left>
          <img src="./img/marshmallow-man.png">
        </ion-avatar>
        <h2>Stay Puft Marshmallow Man</h2>
        <p>Never cross the streams!</p>
      </ion-item>
      <ion-item-options>
        <button light>
          <ion-icon name="ios-more"></ion-icon>
          More
        </button>
        <button primary>
          <ion-icon name="text"></ion-icon>
          Text
        </button>
        <button secondary>
          <ion-icon name="call"></ion-icon>
          Call
        </button>
      </ion-item-options>
    </ion-item-sliding>

    <ion-item-sliding>
      <ion-item>
        <ion-avatar item-left>
          <img src="./img/gozer.png">
        </ion-avatar>
        <h2>Gozer</h2>
        <p>Are you a God?</p>
      </ion-item>
      <ion-item-options>
        <button light>
          <ion-icon name="ios-more"></ion-icon>
          More
        </button>
        <button primary>
          <ion-icon name="text"></ion-icon>
          Text
        </button>
        <button secondary>
          <ion-icon name="call"></ion-icon>
          Call
        </button>
      </ion-item-options>
    </ion-item-sliding>

  </ion-list>

</ion-content>
